<template>
    <div>
        <button @click="handelclick">按钮</button>
    </div>
</template>

<script>
// import { h } from 'vue';
export default {
    props: ['title'],

    // setup中 props 要想获取到 必须 在外部 引入 props接收
    // setup的context中的 attrs 里面有所有的属性 props 
    // 外部没有引入 接收props
    setup(props, context) {
        // props 父亲传递过来的参数 不能直接解构 ，不然就没有双向绑定了
        let { attrs, slots, emit } = context;

        let handelclick = () => {
             emit('hander')
        }
        // return () => h('span', {}, ['我是setup中的内容'])

        return {
            handelclick
        }
    }
}
</script>

<style>

</style>